<div class="bg-white my-4 p-4">
    <div class="flex items-center border-b border-b-2 border-gray-500 py-1 w-full md:w-1/2">
        <input
            class="appearance-none bg-transparent border-none w-full text-gray-700 mr-3 py-1 px-2 leading-tight focus:outline-none"
            type="text"
            wire:model.lazy="title"
            placeholder="{{__('Title')}}"
        >
    </div>
    <x-jet-input-error for="title" class="mt-2 text-xs" />
    <div class="flex items-center border-b border-b-2 border-gray-500 py-1 w-full md:w-1/2 mt-4">
        <textarea
            wire:model.lazy="content"
            placeholder="{{__('Content')}}"
            class="appearance-none bg-transparent border-none w-full text-gray-700 mr-3 py-1 px-2 leading-tight focus:outline-none"></textarea>
    </div>
    <x-jet-input-error for="content" class="mt-2 text-xs" />
    <div class="mt-4">
        <x-jet-button wire:click="save" wire:loading.attr="disabled">{{__('Save')}}</x-jet-button>
    </div>
</div>
